<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/icon.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/index2.css">
    <script src="js/animate.js"></script>
</head>
<body>
<div class="topbar" id="abc">
    <div class="container">
        <div class="nav">
            <a href="#">小米商城</a><span>|</span>
            <a href="#">MiUi</a><span>|</span>
            <a href="#">ioT</a><span>|</span>
            <a href="#">云服务</a><span>|</span>
            <a href="#">金融</a><span>|</span>
            <a href="#">有品</a><span>|</span>
            <a href="#">小爱开发平台</a><span>|</span>
            <a href="#">政企服务</a><span>|</span>
            <a href="#">资质证照</a><span>|</span>
            <a href="#">协议规则</a><span>|</span>
            <a href="#">下载app</a><span>|</span>
            <a href="#">Select Region</a>
        </div>
        <div class="cart">
            <a href="#">
                <i class="icon-shopping-cart"></i>
                购物车(0)
            </a>
            <div class="cart-menu">
                <div class="loading">
                    购物车中还没有商品，赶紧选购吧！
                    <div class="loader">

                    </div>
                </div>
            </div>
        </div>
        <div class="info">
            <a href="" id="log">登录</a><span>|</span>
            <a href="" id="reg">注册</a><span>|</span>
            <span class="message">
                <a href="#">消息通知</a>
            </span>
        </div>
    </div>
</div>
<!--用户协议-->
<div id="J_agreeModal" class="modal fade modal-agree modal-hide in">
    <div class="modal-hd">
        <a href="" class="close J_close">
            <i class="iconfont">x</i>
        </a>
        <h3>协议声明</h3>
    </div>
    <div class="modal-body">
        <div class="desc">
            <span class="agree-tab">《小米商城用户协议》</span>
            <span class="agree-tab">《账号协议》</span>
            <span class="agree-tab">《隐私政策》</span>
            请您仔细阅读以上协议，其中有对您权利义务的特别约定等重要条款，同意后方可使用本软件
        </div>
        <div class="con">
            <div class="agreement-box">
                <div id="J_con">
            <h2>小米商城用户协议</h2>
            <div class="time">版本日期：2018年12月18日</div>
            <p>
                《小米商城用户协议》（以下简称“本协议”）是您（或称“用户”，指注册、登录、使用、浏览小米商城的个人或组织）与小米科技有限责任公司（平台运营主体）及其关联公司（包括但不限于小米通讯技术有限公司，以下简称“小米”）及其合作单位（包括但不限于第三方商家）之间关于小米商城网站（域名为www.mi.com，简称本网站）与小米产品、程序及服务所订立的协议。小米和合作单位分别就您在本网站接受服务的过程中享受的权利和承担的义务，与您签订本协议，并独立向您承担责任，互不承担保证、连带或共同责任等。
            </p>
            <p class="fb">
                小米在此特别提醒用户认真阅读 、充分理解---本协议中各条款。您对本协议的接受即自愿接受全部条款的约束，请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款，尤此类条款将以加粗的形式提示您注意。如您同意本协议并完成全部注册程序，即表示您已充分阅读、理解并接受本协议的全部内容，并与小米达成一致，成为小米商城平台用户。阅读本协议的过程中，如果您不同意本协议或其中任何条款约定，您应立即停止注册程序。
            </p>
            <h3>
                一、协议范围
            </h3>
            <h4>1.1【主体范围】</h4>
            <p>小米商城平台运营主体为小米科技有限责任公司，自营商品的销售主体以小米商城网站页面公示的证照信息为准（包括但不限于小米通讯技术有限公司）。本协议项下，</p>
            <h4>1.2【协议补充】</h4>
            <p>
                小米隐私政策（http://www.mi.com/about/new-privacy/）、小米帐号使用协议均为本协议不可分割的一部分，与本协议具有同等法律效力。
            </p>
            <p>
               考虑到互联网业务的高速发展，本协议条款并不能完整覆盖您与小米的所有权利和义务，也不能保证完全符合发展的需求。
            </p>
            <span class="fb">
                小米商城平台的法律声明、隐私政策、平台规范、规则、通知、公告、操作规则、帮助文档、温馨提示等均为本协议的补充协议，与本协议不可分割且具有同等法律效力。如您使用本平台服务，视为您同意上述补充协议。
            </span>
        </div>
                <a href="#" class="btn">下载协议</a>
        </div>
        </div>

        <div class="modal-ft">
            <div class="actions">
            <button class="btn btn-line-gray J_close"><a href="">不同意</a></button>
            <button class="btn btn-primary J_sure"><a href="">同意</a></button>
        </div>
        </div>
    </div>
</div>
<div class="site-header">
    <div class="container">
        <div class="header-logo">
            <a href="index.html" class="logo ir">
                <img src="img/Satyr.png" alt="小米官方">
            </a>
        </div>
        <div class="header-nav">
            <ul>
                <li><a href="">小米手机</a></li>
                <li><a href="">红米</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">新品</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>
        <div class="header-search">
            <form action="" class="search-form">
                <input type="search" class="search-text">
                <a href="" class="span1"><i class="icon-search"></i></a>
                <div class="search-hot-words">
                    <a href="">小米8</a>
                    <a href="">小米MIX 2S</a>
                </div>
            </form>
        </div>
        <div id="J-navMenu" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="children-list clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/mix3-320.png" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="">小米MIX 3</a>
                        </div>
                        <p class="price">3299元起</p>
                        <div class="flags">
                            <div class="flag">新品</div>
                        </div>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/qingchun-320.png" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="">小米8 青春版</a>
                        </div>
                        <p class="price">1399元起</p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/pc-320-220-mi8.png" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="">小米8</a>
                        </div>
                        <p class="price">2699元起</p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/pc-320-miplay-1.png" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="">小米Play</a>
                        </div>
                        <p class="price">1099元起</p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/pc-320-220-mi8se.png" alt="">
                            </a>
                        </div>
                        <div class="title">
                            <a href="">小米8 SE</a>
                        </div>
                        <p class="price">1699元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="home-hero-container container">
    <div class="home-hero">
        <!--轮播图-->
        <div class="home-hero-slider" id="all">
            <div class="ui-wrapper">
                <ul id="ul">
                    <li><img src="images/Carousel%201.jpg" alt="" width="1226" height="460"></li>
                    <li><img src="images/Carousel%202.jpg" alt="" width="1226" height="460"></li>
                    <li><img src="images/Carousel%203.jpg" alt="" width="1226" height="460"></li>
                    <li><img src="images/Carousel%204.jpg" alt="" width="1226" height="460"></li>
                    <li><img src="images/Carousel%205.jpg" alt="" width="1226" height="460"></li>
                </ul>
                <ol>

                </ol>
                <div class="arrow" id="arrow">
                    <a href="javascript:;" class="prev"><span><</span></a>
                    <a href="javascript:;" class="next"><span>></span></a>
                </div>
            </div>
        </div>
        <div class="site-category">
            <ul id="J_categoryList" class="site-category-list clearfix">
                <li class="category-item"><a href="" class="title">手机 电话卡<i>></i></a>
                    <div class="children clearfix children-col-4">
                        <ul class="children-list children-list-col children-list-col-1">
                            <li><a href="" class="link"><img src="images/mix3-80.png" alt="" class="thumb">
                                <span class="text">小米MIX 3</span></a></li>
                            <li><a href="" class="link"><img src="images/qingchun-80.png" alt="" class="thumb">
                                <span class="text">小米8 青春版</span></a></li>
                            <li><a href="" class="link"><img src="images/pingmu-80.png" alt="" class="thumb">
                                <span class="text">小米8 屏幕指纹版</span></a></li>
                            <li><a href="" class="link"><img src="images/m8-80.png" alt="" class="thumb">
                                <span class="text">小米8</span></a></li>
                            <li><a href="" class="link"><img src="images/m8se-80.png" alt="" class="thumb">
                                <span class="text">小米8 SE</span></a></li>
                            <li><a href="" class="link"><img src="images/mix2s80-80white.png" alt="" class="thumb">
                                <span class="text">小米MIX 2S</span></a></li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-2">
                            <li><a href="" class="link"><img src="images/max3-80-80.png" alt="" class="thumb">
                                <span class="text">小米Max 3</span></a></li>
                            <li><a href="" class="link"><img src="images/80808080808080.jpg" alt="" class="thumb">
                                <span class="text">小米6X</span></a></li>
                            <li><a href="" class="link"><img src="images/heishahelo-80.png" alt="" class="thumb">
                                <span class="text">黑鲨游戏手机 Helo</span></a></li>
                            <li><a href="" class="link"><img src="images/heisha-80.png" alt="" class="thumb">
                                <span class="text">黑鲨游戏手机</span></a></li>
                            <li><a href="" class="link"><img src="images/note780-80.png" alt="" class="thumb">
                                <span class="text">红米Note 7</span></a></li>
                            <li><a href="" class="link"><img src="images/6pro140-140.png" alt="" class="thumb">
                                <span class="text">红米6 pro</span></a></li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-3">
                            <li><a href="" class="link"><img src="images/666666.png" alt="" class="thumb">
                                <span class="text">红米6</span></a></li>
                            <li><a href="" class="link"><img src="images/6AAAA.png" alt="">
                                <span class="text">红米6A</span></a></li>
                            <li><a href="" class="link"><img src="images/note5-80-80.png" alt="" class="thumb">
                                <span class="text">红米Note 5</span></a></li>
                            <li><a href="" class="link"><img src="images/80.jpg" alt="" class="thumb">
                                <span class="text">移动4G+专区</span></a></li>
                            <li><a href="" class="link"><img src="images/compare.jpg" alt="" class="thumb">
                                <span class="text">对比手机</span></a></li>
                            <li><a href="" class="link"><img src="images/mifenka-1.jpg" alt="" class="thumb">
                                <span class="text">米粉卡 日租卡</span></a></li>
                        </ul>
                        <ul class="children-list children-list-col children-list-col-4">
                            <li><a href="" class="link"><img src="images/mimobile.jpg" alt="" class="thumb">
                                <span class="text">小米移动 电话卡</span></a></li>
                            <li><a href="" class="link"><img src="images/weixiu80-80.png" alt="" class="thumb">
                                <span class="text">手机上门维修</span></a></li>
                            <li><a href="" class="link"><img src="images/yunfuwu.jpg" alt="" class="thumb">
                                <span class="text">云服务空间月卡</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="category-item"><a href="" class="title">电视 盒子<i>></i></a></li>
                <li class="category-item"><a href="" class="title">笔记本 平板<i>></i></a></li>
                <li class="category-item"><a href="" class="title">家电 插线板<i>></i></a></li>
                <li class="category-item"><a href="" class="title">出行 穿戴<i>></i></a></li>
                <li class="category-item"><a href="" class="title">智能 路由器<i>></i></a></li>
                <li class="category-item"><a href="" class="title">电源 配件<i>></i></a></li>
                <li class="category-item"><a href="" class="title">健康 儿童<i>></i></a></li>
                <li class="category-item"><a href="" class="title">耳机 音箱<i>></i></a></li>
                <li class="category-item"><a href="" class="title">生活 箱包<i>></i></a></li>
            </ul>
        </div>
        <!--6个icon图标-->
        <div class="home-hero-sub row">
            <div class="span4">
                <ul class="home-channel-list clearfix">
                    <li class="exposure top left"><a href="">
                        <i class="icon-mobile-devices"></i>选购手机</a></li>
                    <li class="exposure top"><a href="">
                        <i class="icon-gift"></i>企业团购</a></li>
                    <li class="exposure top"><a href="">
                        <i class="icon-format-font-size"></i>F码通道</a></li>
                    <li class="exposure left"><a href="">
                        <i class="icon-credit-card"></i>米粉卡</a></li>
                    <li class="exposure "><a href="">
                        <i class="icon-reload"></i>以旧换新</a></li>
                    <li class="exposure "><a href="">
                        <i class="icon-photo"></i>话费充值</a></li>
                </ul>
            </div>
            <div class="span16" id="J_homePromo">
                <ul class="home-promo-list clearfix">
                    <li class="first"><a class="item exposure" href="">
                        <img src="img/xmad_1.jpg" alt="青春版 小焦点"></a></li>
                    <li><a class="item exposure" href="">
                        <img src="img/xmad_2.jpg" alt="红米6 常态"></a></li>
                    <li><a class="item exposure" href="">
                        <img src="img/xmad_3.jpg" alt="小米手环 3 NFC"></a></li>
                </ul>
            </div>
        </div>

    </div>
    <!--开始闪购-->
    <div class="xm-flashPurchase xm-carousel-container">
        <div class="xm-plain-box">
            <div class="box-hd">
                <h2 class="title">小米闪购</h2>
                <div class="more">
                    <div class="xm-controls xm-controls-line-small xm-carousel-controls">
                        <a class="control control-prev iconfont control-disabled" href=""><</a>
                        <a class="control control-next iconfont" href="">></a>
                    </div>
                </div>
            </div>
            <div class="box-bd">
                <div class="xm-carousel-list goods-list rainbow-list clearfix J_flashPurchaseList">
                    <ul class="xm-flashPurchase-countdown">
                        <li class="rainbow-item-4 J_flashPurchaseInfo">
                            <div class="time-title J_falshRound">
                                18:00 场
                            </div>
                            <img src="img/flashpurchase.png" alt="">
                            <div class="sub J_falshDesc">
                                距离结束还有
                            </div>
                            <div class="countdown clearfix J_falshTime">
                                <div class="box">00</div>
                                <div class="dosh">:</div>
                                <div class="box">00</div>
                                <div class="dosh">:</div>
                                <div class="box">00</div>
                            </div>
                        </li>
                    </ul>
                    <div class="xm-carousel-wrapper"style="
height: 340px;overflow: hidden;">
                        <ul class="xm-flashPurchase-list xm-carousel-col-5-list J_purchase_temp J_carouselList
"style="width: 3968px; margin-left: 0px; transition: margin-left 0.5s ease 0s;">
                            <li class="item rainbow-item-1">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou1.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-2">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou2.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-3">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou3.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-4">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou4.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-5">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou5.png" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-6">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou6.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-7">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou7.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-8">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou8.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-9">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou9.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-10">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou10.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-11">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou11.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-12">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou12.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-13">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou13.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-14">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou14.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-15">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou15.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                            <li class="item rainbow-item-16">
                                <a href="">
                                    <div class="bg"></div>
                                </a>
                                <div class="content">
                                    <a href="" class="thumb exposure">
                                        <img src="images/shangou16.jpg" alt="">
                                    </a>
                                    <h3 class="title">
                                        <a href="">小米二合一移动电源（充电器） 白色</a>
                                    </h3>
                                    <p class="desc">一个设备多种用途</p>
                                    <p class="price">
                                        <span>9.9</span>
                                        &nbsp;
                                        <span>元</span>
                                        &nbsp;
                                        <del>99元</del>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--结束闪购-->
    <div class="J_itemBox J_homeBanner home-banner-box home-banner-box-hero is-visible">
        <a href="">
            <img src="img/xmad_15471739714866_ZQWjM.jpg" alt="黑鲨 新版本 开售" width="1226">
        </a>
    </div>
    </div>
<!--内容区-->
<div class="page-main home-main">
    <div class="container">
        <!--手机-->
        <div id="phone" class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox no-comment-total is-visible loaded">
            <div class="box-hd">
                <h2 class="title">手机</h2>
                <div class="more J_brickNav">
                    <a href="" class="more-link">
                        查看全部
                        <i class="icon-cheveron-outline-right"></i>
                    </a>
                </div>
            </div>
            <div class="box-bd J_brickBd">
                <div class="row">
                    <div class="span4 span-first">
                        <ul class="brick-promo-list clearfix">
                           <li class="brick-item brick-item-l">
                               <a href="">
                                   <img src="img2/xmad_1544580545953_UvEXK.jpg" alt="">
                               </a>
                           </li>
                        </ul>
                    </div>
                    <div class="span16">
                        <ul class="brick-list clearfix">
                        <li class="brick-item brick-item-m brick-item-m-2">
                            <div class="figure figure-img">
                                <a href="details.html">
                                    <img src="img2/pro7.jpg" alt="小米8 青春版 4GB+64GB">
                                </a>
                            </div>
                            <h3 class="title">
                                <a href="">小米8 青春版 4GB+64GB</a>
                                <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                <p class="price">
                                    <span class="num">1299</span>
                                    元
                                    <del>
                                        <span class="num">1399</span>
                                        元
                                    </del>
                                </p>
                                <div class="flag flag-new">新品</div>
                            </h3>
                        </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro8.png" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">小米Play</a>
                                    <p class="desc">内置每月10GB高速流量，高颜值流光渐变色</p>
                                    <p class="price">
                                        <span class="num">1099</span>
                                        元
                                        <!--<del>-->
                                            <!--<span class="num">1399</span>-->
                                            <!--元-->
                                        <!--</del>-->
                                    </p>
                                    <div class="flag flag-new">新品</div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">小米8 SE 6GB+64GB 4GB+64GB</a>
                                    <p class="desc">AI 超感光双摄,三星 AMOLED 屏幕</p>
                                    <p class="price">
                                        <span class="num">1699</span>
                                        元
                                        <del>
                                            <span class="num">1999元</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">    减 300 元  </div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro1.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">小米MIX 2S 8GB+256GB</a>
                                    <p class="desc">骁龙845 年度旗舰处理器，艺术品般陶瓷机身</p>
                                    <p class="price">
                                        <span class="num">3999</span>
                                        元
                                        <del>
                                            <span class="num">3999</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">    减 600 元  </div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro2.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">小米6X 6GB+128GB</a>
                                    <p class="desc">超薄美观的拍照手机</p>
                                    <p class="price">
                                        <span class="num">1499</span>
                                        元
                                        <del>
                                            <span class="num">1999</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">享八折</div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro6.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">小米Max3 4GB+64GB</a>
                                    <p class="desc"></p>
                                    <p class="price">
                                        <span class="num">1599</span>
                                        元
                                        <del>
                                            <span class="num">1699</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">   享8折  </div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">红米6Pro</a>
                                    <p class="desc">潮高颜值大电量 红米旗舰</p>
                                    <p class="price">
                                        <span class="num">1029</span>
                                        元
                                        <del>
                                            <span class="num">1299</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">   享8折  </div>
                                </h3>
                            </li>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <div class="figure figure-img">
                                    <a href="">
                                        <img src="img2/pro4.jpg" alt="小米8 青春版 4GB+64GB">
                                    </a>
                                </div>
                                <h3 class="title">
                                    <a href="">红米6A 2GB+16GB</a>
                                    <p class="desc"></p>
                                    <p class="price">
                                        <span class="num">549</span>
                                        元
                                        <del>
                                            <span class="num">599</span>
                                            元
                                        </del>
                                    </p>
                                    <div class="flag flag-saleoff">    减 50 元  </div>
                                </h3>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="J_itemBox J_homeBanner home-banner-box home-banner-box-brick is-visible">
            <a href="#">
                <img src="img2/xmad_15486596829568_opVwS.jpg" alt="2.1电视活动页"
                width="1226">
            </a>
        </div>
        <!--家电-->
        <div id="homeelec" class="home-brick-box home-brick-row-2-box xm-plain-box J_itemBox J_brickBox no-comment-total is-visible loaded">
            <div class="box-hd">
                <h2 class="title">家电</h2>
                <div class="more J_brickNav">
                    <ul class="tab-list J_brickTabSwitch">
                        <li class="tab-active">热门</li>
                        <li>电视影音</li>
                        <li>电脑</li>
                        <li>家居</li>
                    </ul>
                </div>
            </div>
            <div class="box-bd J_brickBd">
                <div class="row">
                    <div class="span4 span-first">
                        <ul class="brick-promo-list clearfix">
                            <li class="brick-item brick-item-m">
                                <a href="">
                                    <img src="img2/xmad_15232433421155_vCzhJ.jpg" alt=""></a>
                            </li>
                            <li class="brick-item brick-item-m">
                                <a href="#">
                                    <img src="img2/xmad_15123939053142_dFlAw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="span16">
                        <div id="homeelec-content" class="tab-container">
                            <ul class="brick-list tab-content clearfix tab-content-hide J_recommendActive">
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro7.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro8.png" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro1.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro2.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro4.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro6.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                            </ul>
                            <ul class="brick-list tab-content clearfix tab-content-hide hide">
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro1.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro4.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro6.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro7.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro8.png" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                            </ul>
                            <ul class="brick-list tab-content clearfix tab-content-hide hide">
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro4.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro6.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro7.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro8.png" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro2.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                            </ul>
                            <ul class="brick-list tab-content clearfix tab-content-hide hide">
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro6.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro7.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro8.png" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro3.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro4.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <div class="figure figure-img">
                                        <a href="">
                                            <img src="img2/pro5.jpg" alt="小米8 青春版 4GB+64GB">
                                        </a>
                                    </div>
                                    <h3 class="title">
                                        <a href="">小米8 青春版 4GB+64GB</a>
                                        <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                        <p class="price">
                                            <span class="num">1299</span>
                                            元
                                            <del>
                                                <span class="num">1399</span>
                                                元
                                            </del>
                                        </p>
                                        <div class="flag flag-new">新品</div>
                                        <p class="rank"></p>
                                        <div class="review-wrapper">
                                            <a href="#">
                                                <span class="review">已安装好了，是不是很气派</span>
                                                <span class="author"> 来自于 孙李 的评价
                                                <span class="date"></span>
                                                </span>
                                            </a>
                                        </div>
                                    </h3>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="J_itemBox J_homeBanner home-banner-box home-banner-box-brick is-visible">
            <a href="">
                <img src="img2/xmad_15484017634687_Vxaol.jpg" alt="小爱音箱hd 新品"
                width="1226">
            </a>
        </div>
    </div>
</div>
<!--页尾-->
<div class="site-footer">
    <div class="container">
        <div class="footer-service">
            <ul class="list-service clearfix">
                <li><a href=""><i class="icon-wrench"></i>预约维修服务</a></li>
                <li><a href=""><i class="icon-information-outline"></i>7天无理由退货</a></li>
                <li><a href=""><i class="icon-exclamation-outline"></i>15天免费换货</a></li>
                <li><a href=""><i class="icon-gift"></i>满150元包邮</a></li>
                <li><a href=""><i class="icon-location"></i>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="footer-links clearfix">
            <dl class="col-links col-links-first">
                <dt>帮助中心</dt>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="col-links">
                <dt>服务支持</dt>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">自助服务</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>
            <dl class="col-links">
                <dt>线下门店</dt>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
                <dd><a href="">授权体验店</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关于小米</dt>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">投资者关系</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关注我们</dt>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">联系我们</a></dd>
            </dl>
            <dl class="col-links">
                <dt>特色服务</dt>
                <dd><a href="">F 码通道</a></dd>
                <dd><a href="">礼物码</a></dd>
                <dd><a href="">防伪查询</a></dd>
            </dl>
            <div class="col-contact">
                <p class="phine">400-100-5678</p>
                <p>
                    周一至周日 8:00-18:00
                    <br>
                    （仅收市话费）
                </p>
                <a href="#" class="btn btn-line-primary btn-small">
                    <i class="icon-envelope"></i>
                    联系客服
                </a>
            </div>
        </div>
    </div>
</div>
<div class="site-info">
    <div class="container">
        <div class="logo ir" style="background: url(img/Satyr.png) no-repeat 50% 50%">小米官网</div>
        <div class="info-text">
            <p class="sites"><a rel="nofollow" href="//www.mi.com/index.html"   target="_blank">小米商城</a><span class="sep">|</span><a rel="nofollow" href="https://www.miui.com/"   target="_blank">MIUI</a><span class="sep">|</span><a rel="nofollow" href="https://home.mi.com/index.html"   target="_blank">米家</a><span class="sep">|</span><a rel="nofollow" href="http://www.miliao.com/"   target="_blank">米聊</a><span class="sep">|</span><a rel="nofollow" href="https://www.duokan.com/"   target="_blank">多看</a><span class="sep">|</span><a rel="nofollow" href="http://game.xiaomi.com/"   target="_blank">游戏</a><span class="sep">|</span><a rel="nofollow" href="http://www.miwifi.com/"   target="_blank">路由器</a><span class="sep">|</span><a rel="nofollow" href="//www.mi.com/micard/"   target="_blank">米粉卡</a><span class="sep">|</span><a rel="nofollow" href="https://b.mi.com/?client_id=180100031058&masid=17409.0358"   target="_blank">政企服务</a><span class="sep">|</span><a rel="nofollow" href="https://xiaomi.tmall.com/"   target="_blank">小米天猫店</a><span class="sep">|</span><a rel="nofollow" href="//www.mi.com/about/privacy/"   target="_blank">隐私政策</a><span class="sep">|</span><a rel="nofollow" href="//www.mi.com/about/user-agreement/"   target="_blank">商城用户协议</a><span class="sep">|</span><a rel="nofollow" href="//static.account.xiaomi.com/html/agreement/account/cn.html"   target="_blank">账号协议</a><span class="sep">|</span><a rel="nofollow" href="https://static.mi.com/feedback/"   target="_blank">问题反馈</a><span class="sep">|</span><a rel="nofollow" href="//www.mi.com/jiancha/"   target="_blank">廉正举报</a><span class="sep">|</span><a rel="nofollow" href="https://integrity.mi.com/"   target="_blank">诚信合规</a><span class="sep">|</span><a rel="nofollow" href="#J_modal-globalSites" data-toggle="modal" >Select Region</a>            </p>
            <p>&copy;
                <a href=" " target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a>
                <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号 </a>
                <a href="//www.mi.com/culture-license/" target="_blank">京网文[2017]1530-131号</a> <br>
                <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号
                </a>
                <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京) -非经营性-2014-0090
                </a>
                <a href="//www.mi.com/business-license/" target="_blank">营业执照</a>
                <a href="//www.mi.com/medical/list/" target="_blank">医疗器械公告</a>
                <br>
                <a href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/af5b8ef38e7d57c5ee7fa4289ccf4df8.png" target="_blank">增值电信业务许可证</a>&nbsp;
                网络食品经营备案（京）【2018】WLSPJYBAHF-12  &nbsp;
                <a href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fe7383e11127caea371f17156f429a1e.png" target="_blank">食品经营许可证</a>
                <br>违法和不良信息举报电话：185-0130-1238 <a href= 'https://www.mi.com/static/intellectual/index.html' target="_blank">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        </div>
        <div class="info-links">
            <a href=""><img src="img2/truste.png" alt=""></a>
            <a href=""><img src="img2/v-logo-2.png" alt=""></a>
            <a href=""><img src="img2/v-logo-1.png" alt=""></a>
            <a href=""><img src="img2/v-logo-3.png" alt=""></a>
            <a href=""><img src="img2/footer.png" alt=""></a>
        </div>
    </div>
    <div class="slogan ir">
        探索黑科技，小米为发烧而生
    </div>
</div>
<div class="home-right-bar J_homeRightBar home-right-bar-show-s">
    <div class="bar-l">
        <div id="J_rightbar_l" style="display: block">
            <ul class="bar-top">
                <li class="bar-sort bar-sort-qr"><a class="bar-link" href="">
                    <div class="bar-img">
                        <img class="original-img" src="img2/bar1.png" alt="">
                    </div>
                    <p class="bar-text">手机APP</p>
                </a></li>
                <li class="bar-sort"><a class="bar-link" href="">
                    <div class="bar-img">
                        <img class="original-img" src="img2/bar2.png" alt="">
                    </div>
                    <p class="bar-text">个人中心</p>
                </a></li>
                <li class="bar-sort"><a class="bar-link" href="">
                    <div class="bar-img">
                        <img class="original-img" src="img2/bar3.png" alt="">
                    </div>
                    <p class="bar-text">联系客服</p>
                </a></li>
                <li class="bar-sort bar-l-car"><a class="bar-link" href="">
                    <div class="bar-img">
                        <img class="original-img" src="img2/bar4.png" alt="">
                    </div>
                    <p class="bar-text">购物车</p>
                </a></li>
            </ul>
        </div>
        <a class="bar-totop bar-sort J_barToTop J_barToTopL" href="#abc"
        style="display: none;">
            <div class="bar-img">
                <img class="original-img" src="img2/totop.png" alt="">
            </div>
            <p class="bar-text">回顶部</p>
        </a>
    </div>
</div>
</body>
</html>
<script>
    // var oCart=document.querySelector(".cart");
    // var oMenu=document.querySelector(".cart-menu");
    // oCart.onmouseenter=function () {
    //     oMenu.style.display="block";
    // }
    // oCart.onmouseleave=function () {
    //     oMenu.style.display="none";
    // }
    var oLog=document.getElementById("log");
    var oReg=document.getElementById("reg");
    var oJ=document.querySelector(".modal-hide");
    var oGray=document.querySelector(".btn-line-gray");
    var Primary=document.querySelector(".btn-primary");
    var oIcon=document.querySelector(".iconfont");

    oLog.onclick=function () {
        oJ.style.display="block";
        return false;
    }
    oReg.onclick=function () {
        oJ.style.display="block";
        return false;
    }
    oGray.onclick=function () {
        oJ.style.display="none";
        return false;
    }
    Primary.onclick=function () {
        window.location="login.html"
        return false;
    }
    oIcon.onclick=function () {
        oJ.style.display="none";
        return false;
    }
    var ohdLi=document.querySelectorAll(".header-nav ul li a");
    console.log(ohdLi);
    var oMenu=document.getElementById("J-navMenu");
    console.log(oMenu);
    for (var i = 0; i < 8; i++) {
        ohdLi[i].index=i;
        ohdLi[i].onmouseenter=function () {
            oMenu.style.display="block";
        }
        ohdLi[i].onmouseleave=function () {
            oMenu.style.display="none";
        }

    }

    // 轮播图
    window.onload=function () {
        var oUl=document.getElementById("ul");
        var oAll=document.getElementById("all");
        var Width=document.querySelector("#all img").offsetWidth;
        console.log(Width);
        //1.拿到第一个li
        var ocloneLi1=document.querySelector("#ul li").cloneNode(true);
        //把克隆的li添加到最后一张
        oUl.appendChild(ocloneLi1);
        //2.动态的创建，黄色小格子，-1
        var oLiAll=document.querySelectorAll("#ul li");
        var autoInex=0;
        var dianIndex=0;
        for (var i = 0; i < oLiAll.length-1; i++) {
            var newLi = document.createElement("li");
            newLi.innerText=i+1;
            newLi.index=i;
            newLi.onclick=function () {
                autoInex=dianIndex=this.index-1;
                autoPlay();
            }
            if(i==0){
            newLi.className="current";
            }
            document.querySelector("ol").appendChild(newLi);
        }
        var timer=setInterval(autoPlay,5000);
        //3.自动轮播
        function autoPlay() {
            autoInex++;
            if(autoInex>5){
                autoInex=1;
                oUl.style.left="0px"
            }
            animate(oUl,-1*autoInex*1226);
            //处理小黄点的问题
            dianIndex++;
            if(dianIndex>4){
                dianIndex=0;
            }
            var nextLis=document.querySelectorAll("ol li");
            for (var i = 0; i < nextLis.length; i++) {
                nextLis[i].className="";
            }
            nextLis[dianIndex].className="current";
        }
        oAll.onmouseenter=function () {
            clearInterval(timer);
        }
        oAll.onmouseleave=function () {
            timer=setInterval(autoPlay,5000);
        }
        //轮播图按钮
        var oPrev=document.querySelector(".prev");
        var index=0;
        oPrev.onclick=function () {
            index++;
            if(index>=5){
                index=4;
                return;
            }
            animate(oUl,-Width*index);
        }
        var oNext=document.querySelector(".next");
        oNext.onclick=function () {
            index--;
            if(index<0){
                index=0;
                return;
            }
            animate(oUl,-Width*index);
        }
    }

    // 轮播图旁边
    var ocateList=document.querySelectorAll("#J_categoryList .category-item");
    var oChildren=document.querySelector(".children");
    for (var i = 0; i < ocateList.length; i++) {
        ocateList[i].index=i;
        ocateList[i].onmouseenter=function () {
            oChildren.style.display="block";
        }
        ocateList[i].onmouseleave=function () {
            oChildren.style.display="none";
        }


    }

    //小米闪购
    var oPrev=document.querySelector(".control-prev");
    var oNext=document.querySelector(".control-next");
    var oFlash=document.querySelector(".xm-flashPurchase-list");
    console.log(oFlash);
    var leftindex=0;
    oPrev.onclick=function () {
        leftindex+=992;
        if(oFlash.style.marginLeft==0+"px"){
        leftindex=0;
        }
        oFlash.style.marginLeft=leftindex+"px";
        return false;
    }
    oNext.onclick=function () {
        leftindex-=992;
        if( oFlash.style.marginLeft==-2976+"px"){
            leftindex=-2976;
        }
        oFlash.style.marginLeft=leftindex+"px";
        return false;
    }
    
    //家电
    var obrkTab=document.querySelectorAll(".J_brickTabSwitch li");
    console.log(obrkTab);
    var ohomCon=document.querySelectorAll("#homeelec-content ul");
    console.log(ohomCon);
    for (var i = 0; i < obrkTab.length; i++) {
        obrkTab[i].onclick=fn(i);
    }
    function fn(index) {
        return function () {
            for (var i = 0; i < obrkTab.length; i++) {
                obrkTab[i].className="";
                ohomCon[i].className="";
            }
            obrkTab[index].className="tab-active";
            ohomCon[index].className="brick-list tab-content clearfix tab-content-hide hide J_recommendActive";
        }
    }

    //回到顶部
    function MyScroll(){
        if(window.pageYOffset!=undefined){
            return {
                left:window.pageXOffset,
                top:window.pageYOffset,
            }
        }else if(document.compatMode=="CSS1Compat"){
            return {
                left:document.documentElement.scrollLeft,
                top:document.documentElement.scrollTop,
            }
        }
        return {
            left:document.body.scrollLeft,
            top:document.body.scrollTop
        }
    }
    var oBartop=document.querySelector(".J_barToTopL");
    console.log(oBartop);
    window.onscroll=function(){
        console.log(MyScroll().top);
        if( MyScroll().top>1500){
            oBartop.style.display="block"
        }else{
            oBartop.style.display="none"
        }
    }
</script>